<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* CSS reset for c_b*/

html{overflow-y: scroll;}

:root{overflow-y: auto;overflow-x: hidden;}

body{color: #666666;font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif;font-size: 14px;line-height: 24px;position: relative;width: 100%;}

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td{margin:0;padding:0;list-style:none;list-style-type: none;font-weight: normal;}

table{border-collapse:collapse;border-spacing:0;}

table th , table td{padding:5px;}

fieldset , img{border:0;}

address , caption , cite , code , dfn , em ,i , th , var{font-style:normal;font-weight:normal;}

ception , th{text-align:left;}

q:before , q:after{content:'';}

abbr , acronym{border:0;}

p{word-spacing:-1.5px;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;outline: none;font-style:inherit;font-weight:inherit;border: none;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

table{font-size:14px;border-collapse:collapse;}

a{color:#000;text-decoration:none;} 

a:focus{outline:none;}

a:hover{text-decoration:none;cursor: pointer}



/*定位*/

.fl{float:left;}

.fr{float:right;}

.zoom{zoom:1}

.clear{clear:both;height:0;line-height:0;font-size:0;}

.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix{zoom: 1;}

.w1200{margin:0 auto;width:1200px;}



/*header*/

.header{width: 100%;position: relative;z-index: 9999999;background: rgba(0, 0, 0, 0.85);box-shadow: 0 1px 9px rgba(0, 0, 0, .1);height: 126px;}

.header .headerT{height: 38px;line-height: 38px;background: url(../images/header_topbg.jpg) no-repeat center;text-align: center;color: #fff;}

.header .headerT .w1200{position: relative;}

.header .headerT span{display: block;position: absolute;right: 0;top: 0;font-size: 16px;font-weight: bold;}

.header .headerC{height: 88px;line-height: 88px;}

.header .headerC .logo{width: 260px;margin-top: -38px;}

.header .headerC .logo img{width: 100%;display: block;}

.header .headerC ul{width: 60%;}

.header .headerC ul li{display: inline-block;float: left;width: 14.28%;text-align: center;position: relative;}

.header .headerC ul li span{color: #fff;display: block;}

.header .headerC ul li span:before{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 4px;background: #47a737;transition: all .5s ease;}

.header .headerC ul li dl{display: none;border-top: 4px solid #47a737;position: absolute;margin-top: -4px;white-space: nowrap;background: #fff;box-sizing: border-box;min-width: 180px;}

.header .headerC ul li dl dt{margin: 4px 0;width: 100%;height: 40px;line-height: 40px;}

.header .headerC ul li dl dt a{display: block;}

.header .headerC ul li:hover span{color: #47a737;}

.header .headerC ul li:hover span:before{width: 100%;}

.header .headerC ul li:hover dl{display: block;}

.header .headerC ul li dl dt a:hover{color: #47a737;background: #f5f5f5;}

.header .headerC ul li.search{width: 54px;height: auto;margin-left: 20px;}

.header .headerC ul li.search .collapsed{position: relative;z-index: 99999;transition: all .5s ease;padding-top: 24px;}

.header .headerC ul li.search .collapsed i{color: #ffffff;width: 35px;height: 35px;border-radius: 50%;border: 2px solid #ffffff;margin-top: 24px;box-sizing: border-box;display: block;}

.header .headerC ul li.search .collapsed i img{display: block;margin: 0 auto;width: 15px;margin-top: 8px;}

.header .headerC ul li.scrollable{width: 100%;height: 126px;background: #000;position: fixed;top: 0;left: 0;display: none;transition: all .5s ease;}

.header .headerC ul li.scrollable input{width: 80%;line-height: 126px;color: #ffffff;font-size: 26px;background-color: transparent;}

.header .headerC ul li.scrollable i{color: #ffffff;width: 35px;height: 35px;border: 2px solid #ffffff;box-sizing: border-box;line-height: 32px;text-align: center;border-radius: 50%;display: block;float: right;margin-top: 45px;cursor: pointer;}



/*footer*/

.footer{width: 100%;background: #000;padding: 55px 0;}

.footer ul{width: 100%;border-bottom: 1px solid #3e3e3e;padding: 0 80px;box-sizing: border-box;}

.footer ul li{float: left;width: 16.66%;text-align: center;padding-bottom: 25px;}

.footer ul li a{color: #fff;font-size: 16px;}

.footer .footerC{margin-top: 45px;}

.footer .footerC .logo{width: 280px;margin-top: 20px;}

.footer .footerC .logo img{width: 100%;display: block;}

.footer .footerC .pho{text-align: center;width: 680px;}

.footer .footerC .pho p{font-size: 15px;line-height: 30px;color: #fff;}

.footer .footerC .ewm{width: 180px;}

.footer .footerC .ewm img{width: 119px;display: block;margin: 0 auto;}

.footer .footerC .ewm p{color: #fff;text-align: center;margin-top: 10px;}

.footerB{width: 100%;height: 69px;line-height: 69px;background: url(../images/footerbg.jpg) no-repeat center;color: #fff;}

.footerB p{float: right;}

.footerB a{color: #fff;}

.footerB a:hover{color: #47a737;}

.footer ul li a:hover{color: #47a737;}



/*banner*/

#ban{height: 700px;}

#ban .banner{height: 700px;position: relative;}

.banner ul li{position: absolute;height: 700px;width: 100%;overflow: hidden;}

.banner ul li img{height: 100%;width: 100%;display: block;object-fit: cover;}

.btn_left,.btn_right{cursor: pointer;display: block;height: 700px;position: absolute;top: 0;width: 80px;z-index: 1;}

.btn_left{background: url(../images/left.png) no-repeat center center;left: 5%;opacity: 0.5;}

.btn_right{background: url(../images/right.png) no-repeat center center;right: 5%;opacity: 0.5;}

.btn_left:hover,.btn_right:hover{opacity: 1;}



/*产品导航*/

.proL{width:280px;background:#fff;border-top-left-radius: 40px;border: 1px solid #e5e5e5;}

.proL .proT{padding: 30px 0;background: #000;text-align: center;color: #fff;border-top-left-radius: 40px;border-bottom-right-radius: 40px;font-size: 26px;}

.proL .proT span{display: block;text-transform:uppercase;font-size:16px;opacity:.5;margin-top: 8px;}

.proL .pro_nav{height: 580px;overflow: hidden;padding: 0 9px;width: 90%;overflow-y: scroll;margin-top: 20px;}

.proL .pro_nav::-webkit-scrollbar{width:8px;height:8px;border-radius:100px;}

.proL .pro_nav::-webkit-scrollbar-thumb{border-radius:100px;background:#000;}

.proL .pro_nav::-webkit-scrollbar-track{border-radius:100px;background:rgba(0,0,0,0.1);}

.proL table{width: 96%;}

.proL tr td{width: 100%;border-bottom: 1px solid #f0f0f0;height: 52px;}

.proL tr td a{font-size:15px;width:100%;margin: auto;display: block;background:url(../images/pro_icon.png) no-repeat right;font-weight:1;padding-left: 10px;box-sizing: border-box;}

.proL tr.on td a{color:#000;font-weight: bold;}

.proL .proB{background:url(../images/probg.jpg) no-repeat center;height: 97px;margin-top: 15px;padding: 0 24px;box-sizing: border-box;}

.proL .proB img{display: block;float: left;height: 40px;width: auto;margin-right: 12px;margin-top: 28px;}

.proL .proB span{color: #fff;font-size: 26px;line-height: 97px;}

.proL tr:hover td a{color:#000;font-weight: bold;}

.proL .newsLT{height:auto;}

.proL .news_nav{height: auto;width: 95%;overflow-y:auto;margin-top: 10px;}



/*产品列表*/

.proR{width:890px;position: relative;}

.proR table{width: 100%;}

.proR td{display: block;float: left;margin-left: 1%;margin-bottom:15px;width:31.5%;}

.proR td:nth-child(3n-2){margin-left: 0;}

.proR td a{display:block;overflow:hidden;}

.proR td img{transition:all .5s ease;display: block;width: 100%;height: 212px;border: 1px solid #e5e5e5;box-sizing: border-box;margin-bottom: -1px;}

.proR td span{border: 1px solid #e5e5e5;line-height:45px;text-align:center;transition:all .3s ease;display: block;position:relative;}

.proR td span a{position:relative;z-index:333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 90%;margin: 0 auto;}

.proR td span:after{content: '';display: block;position: absolute;top: 0px;left: 0px;height: 100%;width: 0px;transition: all .5s ease;background: #000;}

.proR td:hover img{transform:scale(1.1);}

.proR td:hover span:after{width:100%;}

.proR td:hover span{border: 1px solid #000;}

.proR td:hover span a{color:#fff;}















</pre></body></html>